import styled from 'styled-components'

export const CheckStatusStyle = styled.div`
  .top{
    height: 50vh;
    background-color: white;
    text-align: center;
      .content{
        width: 100%;
        margin-top: .75rem;
        img{
          width: 4.41rem;
          height: 3.28rem;
        }

        .status-title{
          color: #333333;
          font-size: .48rem;
          font-weight: bold;
          margin-top: .72rem;
        }

        .checking-detail{
          width: 6.55rem;
          color: #999999;
          font-size: .37rem;
          line-height: .53rem;
          margin-top: 1.15rem;
        }

        .checking-bank{
          margin-top: .69rem;
          p{
            color: #474747;
            opacity: .3;
            font-size: .32rem;
            font-weight: 500;
            margin-bottom: .16rem;
          }
        }

        .checked{
          margin-top: 1.16rem;
        }

        .fail-detail{
          margin-top: 1.16rem;
          p{
            color: #474747;
            opacity: .3;
            font-size: .32rem;
            font-weight: 500;
            margin-bottom: .16rem;
          }
        }



      }
  }

  .bottom{
    height: 50vh;
    background-color: #F5F5F5;

    .content{
      height: 100%;
      .service{
        margin-bottom: .45rem;
        img{
          width:  .52rem;
          height: .52rem;
        }
        span{
          margin-left: .32rem;
          color: #ff762e;
          font-size: .4rem;

        }
      }

    }
  }

`

export const AuthenticationStyle = styled.div`
  height: 100%;
  background: #F5F5F5;
  color: #474747;

  textarea::-webkit-input-placeholder{
    color: #E6E6E6;
    font-size:.32rem;
  
  }
  
  .top{
    height: 2.67rem;
    background-color: white;
    text-align: center;
    .content{
        width: 100%;
        p:nth-child(1){
        font-size: .4rem;
        font-weight: bold;
       }
    p:nth-child(2){
        margin-top: .38rem;
       }
    }
  }
  
  .type{
    margin-top: .16rem;
    /* height: 2.35rem; */
    background-color: white;
    .item{
        justify-content: unset;
        width: 100%;
        box-sizing: border-box;
        padding: .39rem .33rem;
        border-bottom: solid #E6E6E6 1px;

        .left{
          width: 2.58rem;
          span{
            font-size: .4rem;
          }
          span::after{
            content: '*';
            color: #DE0000;
          }
        }
       
        .right{
          margin-left: .4rem;
          input{
            width: 5.82rem;
            border: none;
            
            font-size: .32rem;
            font-weight: 500;
          }
          
          input::-webkit-input-placeholder{
            color: #E6E6E6;
            font-size:.32rem;
          }
        }
    }
    
  }
  

`